@import './variables.scss';

// 表单组
.fieldset {
    margin-bottom: 10px;
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e6e6;
    background-color: #fff;
    legend {
        margin-left: 20px;
        padding: 0 10px;
        font-size: 20px;
        font-weight: 300;
    }
    .fieldset_container {
        padding: 10px 15px;
    }
}

// 标题提示
.tip {
    padding: 8px 16px;
    background-color: #ecf8ff;
    border-radius: 4px;
    border-left: 5px solid #50bfff;
    margin: 10px 0;
}

// 自定义容器
.content-container {    // 内容容器
    position: relative;
    margin: $container_margin;
    padding: $container_padding;
    background-color: #fff;
    // border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);

    .operate {
        text-align: right;
    }

    .pages {
        .pagination-container {
            margin: 0;
            padding: 30px 0 10px 0;
            text-align: center;
        }
    }
}

.top-container {    // 顶部容器
    position: relative;
    margin: 0 0 $container_margin 0;
    padding: 5px $container_padding 0 $container_padding;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12), 0 0 6px rgba(0, 0, 0, 0.04);
}